<template>
  <main class="wss-container">
    <div class="label-box-content">
        <NewCard title="专家个人信息">
          <el-row>
            <el-col :span="24">
              <div class="expertInfoImg">
                <img src="https://cube.elemecdn.com/0/88/03b0d39583f48206768a7534e55bcpng.png" alt="">
                <h1>刘易阳</h1>
              </div>
            </el-col>
            <el-col :span="24">
              <el-descriptions title="基本信息">
                  <el-descriptions-item label="用户昵称">kooriookami</el-descriptions-item>
                  <el-descriptions-item label="手机号">18100000000</el-descriptions-item>
                  <el-descriptions-item label="籍贯">广东省东莞市</el-descriptions-item>
                  <el-descriptions-item label="姓名">kooriookami</el-descriptions-item>
                  <el-descriptions-item label="邮箱">18100000000</el-descriptions-item>
                  <el-descriptions-item label="地区">广东省东莞市</el-descriptions-item>
                  <el-descriptions-item label="性别">男</el-descriptions-item>
                  <el-descriptions-item label="年龄">35</el-descriptions-item>
                  <el-descriptions-item label="身份证">44400000000000000</el-descriptions-item>
              </el-descriptions>
            </el-col>
            <el-col :span="24">
              <el-descriptions title="职业信息">
                  <el-descriptions-item label="用户昵称">kooriookami</el-descriptions-item>
                  <el-descriptions-item label="手机号">18100000000</el-descriptions-item>
                  <el-descriptions-item label="籍贯">广东省东莞市</el-descriptions-item>
                  <el-descriptions-item label="姓名">kooriookami</el-descriptions-item>
                  <el-descriptions-item label="邮箱">18100000000</el-descriptions-item>
                  <el-descriptions-item label="地区">广东省东莞市</el-descriptions-item>
                  <el-descriptions-item label="性别">男</el-descriptions-item>
                  <el-descriptions-item label="年龄">35</el-descriptions-item>
                  <el-descriptions-item label="身份证">44400000000000000</el-descriptions-item>
              </el-descriptions>
            </el-col>
            <el-col :span="24">
              <el-descriptions title="身份证"></el-descriptions>
              <el-image
                    style="width: 250px; height: 170px; border-radius: 10px;margin-right:25px;"
                    :src="idUrl"
                    :fit="idFit"></el-image>
              <el-image
                    style="width: 250px; height: 170px; border-radius: 10px;"
                    :src="idUrl"
                    :fit="idFit"></el-image>
            </el-col>

            <el-col :span="24">
              <el-descriptions title="相关证书"></el-descriptions>
              <el-col :span="22">
                <el-col :span="6">
                  <el-image
                        style="width: 250px; height: 170px; border-radius: 10px;margin-right:25px;"
                        :src="idUrl"
                        :fit="idFit"></el-image>
                </el-col>
                <el-col :span="16">
                  <h2>CMA美国注册管理会计师</h2>
                  <p>证书编号：63700000000000</p>
                  <p>获得时间：2000-10-29</p>
                </el-col>
              </el-col>
              <el-col :span="22">
                <el-col :span="6">
                <el-image
                      style="width: 250px; height: 170px; border-radius: 10px;"
                      :src="idUrl"
                      :fit="idFit"></el-image>
                </el-col>
                <el-col :span="16">
                  <h2>CMA美国注册管理会计师</h2>
                  <p>证书编号：63700000000000</p>
                  <p>获得时间：2000-10-29</p>
                </el-col>
              </el-col>
            </el-col>

            <el-col :span="24">
              <el-descriptions title="学历信息" :colon='false'>
                  <el-descriptions-item label="">上海交通大学</el-descriptions-item>
                  <el-descriptions-item label="">艺术设计 | 本科</el-descriptions-item>
                  <el-descriptions-item label="">2016.07-2020.07</el-descriptions-item>
                  <el-descriptions-item label="">上海交通大学</el-descriptions-item>
                  <el-descriptions-item label="">艺术设计 | 本科</el-descriptions-item>
                  <el-descriptions-item label="">2016.07-2020.07</el-descriptions-item>
              </el-descriptions>
            </el-col>

            <el-col :span="24">
              <el-descriptions title="工作经历"></el-descriptions>

              <el-col :span="18">
                <div class="workExp">
                  <h2>上海市俊辉事务所 <span>律所合伙人</span></h2>
                  <i>2016.09 ~ 2020.07</i>
                  <ol>
                    <li>负责移动端和PC端的UI设计和实现，能够带领团队，高品质地完成软件产品的UI开发任务；</li>
                    <li>参与软件产品前期的构思与创意，并基于UI流行趋势与用户审美倾向，综合评估产品的结构流程、交互功能和用户体验，评定软件产品UI方案的可行性并优化其UI方案；</li>
                    <li>带领团队与业务方、产品方和前端开发人员密切合作，参与项目需求分析与软件产品设计工作，提交高保真的系统原型图和产品交互图。</li>
                  </ol>
                </div>
                <div class="workExp">
                  <h2>上海市俊辉事务所 <span>律所合伙人</span></h2>
                  <i>2016.09 ~ 2020.07</i>
                  <ol>
                    <li>负责移动端和PC端的UI设计和实现，能够带领团队，高品质地完成软件产品的UI开发任务；</li>
                    <li>参与软件产品前期的构思与创意，并基于UI流行趋势与用户审美倾向，综合评估产品的结构流程、交互功能和用户体验，评定软件产品UI方案的可行性并优化其UI方案；</li>
                    <li>带领团队与业务方、产品方和前端开发人员密切合作，参与项目需求分析与软件产品设计工作，提交高保真的系统原型图和产品交互图。</li>
                  </ol>
                </div>
              </el-col>
            </el-col>

            <el-col :span="24">
              <el-descriptions title="个人描述"></el-descriptions>
              <el-col :span="18">
                <p class="historyInfo">天津专业刑事辩护律师，天津益清刑事辩护团队负责人，从委托人的利益出发，以案件真相为根本、以法律运用为手段，为犯罪嫌疑人提供无罪辩护、罪轻辩护、死刑辩护、取保候审律师等等的全面的法律服务。近年来刘伟律师承办刑事案件数百起，涉及暴力犯罪、毒品犯罪、经济犯罪、职务犯罪等多个领域。</p>
              </el-col>
            </el-col>

          </el-row>
        </NewCard>
    </div>
  </main>
</template>

<script>
import NewCard from '../../../../components/newCard.vue'

export default {
    name:'expertInfo',
    components:{NewCard},
    data(){
      return{
        idUrl:'https://cube.elemecdn.com/0/88/03b0d39583f48206768a7534e55bcpng.png',
        idFit: cover,
      }
    }
}
</script>

<style scoped>
.el-col-24{
  margin-top: 30px;
  padding-bottom: 20px;
  border-bottom: 1px solid #e6ebf5;
}
.expertInfoImg{
  display: flex;
  align-items: center;
}
.expertInfoImg img{
  width: 90px;
  height: 90px;
  object-fit: cover;
  border-radius: 50%;
}
.expertInfoImg h1{
  font-weight: bold;
  font-size: 20px;
  margin-left: 20px;
}
.el-descriptions-item__label{
  margin-right: 0;
}
.workExp{
  margin-top: 10px;
}
.workExp h2{
  margin-top: 0;
  font-size: 16px;
  font-weight: bold;
}
.workExp h2>span{
  font-size: 15px;
  font-weight: 400;
  color:#7d7d7d;
}
.workExp i{
  color:#7d7d7d;
  font-size: 13px;
}
.workExp ol{
  padding-left: 20px;
  margin-top: 10px;
}
.workExp li{
  font-size: 14px;
  line-height: 28px;
}
.historyInfo{
  margin-top: 0;
  font-size: 14px;
  line-height: 28px;
}
</style>